<template>
	<view>
		<view class="Isweet">
			<text class="sweetsx"></text>
			<text class="sweetTitle"> 
			<!-- 标题插槽 -->
			<slot  />
			</text>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style>
/* 标题 */
	.couplesBox {
		padding: 0 30rpx 0 30rpx;
		border-top: 5px solid #f8f8f8;
	}

	.IswiperBox {
		width: 180rpx;
		background-color: rgba(255, 255, 255, 0.5);
		box-shadow: 1px 1px 30px #f8f8f8;
		margin: 50rpx 30rpx 30rpx 0;
		text-align: center;
		padding: 15rpx 0;
		border-radius: 20rpx;
	}

	.Isweet {
		/* margin: 50rpx 0 30rpx 0; */
		margin: 0;
		line-height: 40rpx;
		font-size: 32rpx;
		font-weight: bold;
		letter-spacing: 3rpx;
	}

	.sweetsx {
		background-color: #003EB3;
		display: inline-block;
		width: 10rpx;
		height: 50rpx;
		border-radius: 20rpx;
		margin-right: 20rpx;
		vertical-align: middle;
	}
	
</style>
